<template>
  <s_select v-model="value" @change="change" :multiple="false">
    <s_option v-for="(item,index) in options" :key="index" :label="item.label" :value="item.value"></s_option>
  </s_select>
  {{value}}
</template>

<script setup>
import {reactive, ref} from "vue";

let value = ref([])
let options = reactive([
  {
    label: "江岸区",
    value: "1"
  },
  {
    label: "武昌区",
    value: "2"
  },
  {
    label: "青山区",
    value: "3"
  },
  {
    label: "江夏区",
    value: "4"
  },
  {
    label: "东西湖区",
    value: "5"
  },
])
function change(e){
  console.log(e)
}
</script>

<style lang="scss" scoped>

</style>